<template>
    <div>
      <header-top title="成绩查询" >
        <div @click="$router.back(-1)" class="back" slot="back"></div>
      </header-top>

      <div style="background: #f2f2f2" class="content clearfix">
        <ul class="examList">
          <router-link to="/class/exam/studentExam">
            <li>
              <div class="examListImg examIcon1"></div>
              <div class="examListCon">
                <p>学生成绩查询</p>
                <span>查询学生成绩，查询班级成绩</span>
              </div>
            </li>
          </router-link>
          <router-link to="/class/exam/studentAnalyze">
            <li>
              <div class="examListImg examIcon2"></div>
              <div class="examListCon">
                <p>学生成绩分析</p>
                <span>针对性分析学生成绩情况</span>
              </div>
            </li>
          </router-link>
          <router-link to="/class/exam/classAnalyze">
          <li>
            <div class="examListImg examIcon3"></div>
            <div class="examListCon">
              <p>班级成绩分析</p>
              <span>班级成绩趋势，学生成绩上升下降查询</span>
            </div>
          </li>
          </router-link>
        </ul>
      </div>

    </div>
</template>

<script>
  import headerTop from "@/components/headerTop/headerTop";
    export default {
        name: "exam",
      components:{
        headerTop:headerTop,
      },
    }
</script>

<style scoped>
  .examList{width: 100%; background: #fff; margin-top: .5rem;}
  .examList li{ height: 6rem;}
  .examListImg{ height:100%; width: 5.2rem; float: left; background: center no-repeat; background-size: 1.6rem;}
  .examListCon{height:100%; width: 20.8rem; float: left; border-bottom: 1px solid #e1e1e1; box-sizing: border-box;}
  .examListCon p{font-size: 1.2rem; height: 1.2rem; line-height: 1.2rem; margin: 1.6rem 0 0.3rem; color: #333;}
  .examListCon span{font-size: 0.9rem; display: block; height: 1.9rem; line-height: 1.9rem;  color:#999;}
  .examIcon1{ background-image: url("./images/examIcon1.png")}
  .examIcon2{ background-image: url("./images/examIcon2.png")}
  .examIcon3{ background-image: url("./images/examIcon3.png")}

</style>
